<script>
export default {
  name: "a"
}
</script>

<template>
  <h1>文本指令</h1>
  {{info}}
  <h4>{{info}}</h4>
  <span>{{info+'中午好'}}</span>
  <hr>
  <p v-text="info"></p>
  <p v-html="info"></p>
  <button @click="f">点我</button>
</template>
<script setup>
import{ref}from 'vue'
const info = ref('我是info666')
const  f = ()=>{
  console.log(info);
  info.value = "我是<b>info999</b>";
}
</script>

<style scoped>

</style>